<%--
  Created by IntelliJ IDEA.
  User: 93124
  Date: 2020/12/18
  Time: 20:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh" class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths" style=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../alter/css/reset.css"> <!-- CSS reset -->
    <link rel="stylesheet" href="../alter/css/style.css"> <!-- Gem style -->
    <script src="../alter/js/modernizr.js"></script> <!-- Modernizr -->
<head>
    <title>Alter</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/custom.css">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="js/bootstrap/dist/css/bootstrap.css">
    <style>
        body{
            background:url("${pageContext.servletContext.contextPath}/images/backpic04.jpg") no-repeat;
            height:100%;
            width:100%;
            /*overflow: hidden;*/
            background-size:cover;
        }
        .container-fluid {
            padding-right: 15px;
            padding-left: 0px;
            margin-right: auto;
            margin-left: auto;
            background: white;
        }

        .main_left{
            width: 10.5%;
            height: 100%;
            float: left;
        }
        .main_right{
            width: 89.5%;
            height: 100%;
            float: left;
            background: url(${pageContext.servletContext.contextPath}/images/backpic04.jpg) no-repeat;
        }
        .message {
            position: absolute;
        }
    </style>
</head>

<body>
<div class="main_left">
    <jsp:include page="admin_aside.jsp"></jsp:include>
</div>

<div class="main_right">
    <div class="bg-back"></div>
    <div style="z-index: 10000;
    position: absolute;
    top: 0;
    left:calc(50% - 244px);
		" class="cd-user-modal is-visible"> <!-- this is the entire modal form, including the background -->
        <div class="cd-user-modal-container">
            <div id="cd-login" class="is-visible is-selected"> <!-- log in form -->
                <form class="cd-form " action="${pageContext.servletContext.contextPath}/ChangePasswordServlet" method="post"  >
                    <p class="fieldset">
                        <label >旧密码</label>
                        <input class="full-width has-padding has-border" name="passwordbefore" type="password" placeholder="请输入旧密码">
                    </p>
                    <p class="fieldset">
                        <label >新密码</label>
                        <input class="full-width has-padding has-border" name="password1" type="password" placeholder="请输入新密码">
                    </p>
                    <p class="fieldset">
                        <label >再次输入</label>
                        <input class="full-width has-padding has-border" name="password2" type="password" placeholder="请再次输入新密码">

                    </p>
                    <c:if test="${!empty tip}">
                        <a style="font-weight: normal;font-size: 12px; color: red" align="center" class="message">${tip}</a>
                    </c:if>
                    <p class="fieldset">
                        <input class="full-width" type="submit" value="确认修改">
                    </p>
                </form>
            </div>
        </div> <!-- cd-user-modal-container -->
        <p style="
		position: absolute;
    bottom: 6em;
    text-align: center;
    width: 100%;"> 小花水产有限公司提供技术支持- </p>
    </div> <!-- cd-user-modal -->
</div>
<script src="../alter/js/jquery-1.11.0.min.js"></script>
<%--<script src="./alter/js/main.js"></script> <!-- Gem jQuery -->--%>
</body>
</html>
